



// 点击刷新
$(".refresh").onclick = function(){
    // location.reload()

    history.go(0)
}
// 点击返回 进入启动页

$(".back").onclick = function(){
    // 根据 历史记录返回上一步  即 后退一步
    // history.back()
    // 等价于 
    history.go(-1)

    // 重新设置地址栏的地址
    // location.href = ""
    // 替换当前url地址
    // location.replace('')
    // location.assign("")
    // 请求浏览器打开一个窗口
    // window.open("./login.html")
}

// 点击登录
$(".goLogin").onclick = function(){
    // 1 获取输入框的值  分别作出校验提示
    var userName = $(".userName").value.trim() ,
        userPwd = $(".userPwd").value.trim() ,
        userTel = $(".userTel").value.trim() ,
        codes = $(".codes").value.trim();

    // 判断 用户名没有输入
    if(!userName) return alert("用户名不能为空")
    // 判断 密码没有输入
    if(!userPwd) return alert("请输入密码")
    // 判断 密码是不是6-8位
    if(userPwd.length < 6 || userPwd.length > 8) return alert("请输入6-8位的密码")
    // 判断 密码是 纯数字
    if(!isNaN(userPwd)) return alert("密码不能是纯数字")
    // 判断 手机号没有输入
    if(!userTel) return alert("请输入手机号")
    // 判断 手机号 不是纯数字
    if(isNaN(userTel)) return alert("请输入正确的手机号")
    // 判断 手机号 位数不是11
    if(userTel.length !== 11) return alert("请输入11位的手机号")
    // 判断 验证码没有输入
    if(!codes) return alert("请输入验证码")
    // 判断 验证码 和 给出的验证码 不一致
    if(codes.toLowerCase() !== $(".code").innerHTML.toLowerCase()) {
        alert("验证码错误")
        randomCode()
        return 
    }
    alert("yes all right")
    // 进入成功页面
    location.href = "./success.html?userName=" + userName + "&userPwd=" + userPwd + "&userTel=" + userTel
}

// 页面加载完成 给验证码赋值
randomCode()
// 点击换一换
$(".getBtn").onclick = randomCode


// 封装 验证码函数
function randomCode(){
    var codeStr = "3214698705QWERTYUIOPLKJHGFDSAZXCVBNMmnbvcxzasdfghjklpoiuytrewq";
    var resStr = ""
    for(var i = 0; i < 4 ; i++){
        // 随机下标  找对应的字符即可
        var index = Math.floor(Math.random() * codeStr.length);
        resStr += codeStr[index]
    }
    $(".code").innerHTML = resStr
}


 